<template>
    <div class="menu-item">
        <img :src="require('@/assets/0005.png')" alt="">
        <div class="song-info">
            <span>歌单名</span>
            <ul>
                <li>歌曲数：</li>
                <li>播放量：</li>
                <li>收藏：</li>
                <li>下载：</li>
                <li>评论数：</li>
                <li>好听数：</li>
                <li>时间：</li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-item{
    height: 180px;
    width: 210px;
    display: flex;
    text-align: left;
    margin: 12px;
}
.menu-item > img {
        width: 110px;
}
.song-info{
        width: 100%;
    background: #4c4b4bba;
    font-size: 14px;
    padding: 8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
</style>